﻿@extends('admin.comment')

@section('style')
	<link rel="stylesheet" href="{{URL::asset('admins/css/laravelPage.css')}}">
@endsection

@section('content')
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 权限管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<div class="text-c">
		<form class="Huiform" method="post" action="" target="_self">
			<input type="text" class="input-text" style="width:250px" placeholder="权限名称" id="" name="">
			<button type="submit" class="btn btn-success" id="" name=""><i class="Hui-iconfont">&#xe665;</i> 搜权限节点</button>
		</form>
	</div>
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a href="javascript:;" onclick="admin_permission_add('添加权限节点','{{action("Admin\PowerController@create")}}','','310')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加权限节点</a></span> <span class="r">共有数据：<strong>{{$count}}</strong> 条</span> </div>
	<table class="table table-border table-bordered table-bg">
		<thead>
			<tr>
				<th scope="col" colspan="7">权限节点</th>
			</tr>
			<tr class="text-c">
				<th width="25"><input type="checkbox" name="" value=""></th>
				<th width="40">ID</th>
				<th width="200">权限名称</th>
				<th>控制器名</th>
				<th>方法名</th>
				<th>状态</th>
				<th width="100">操作</th>
			</tr>
		</thead>
		<tbody>
			@foreach($list as $item)
				<tr class="text-c">
					<td><input type="checkbox" value="{{$item->id}}" name=""></td>
					<td>{{$item->id}}</td>
					<td>{{$item->name}}</td>
					<td>{{$item->mname}}</td>
					<td>{{$item->aname}}</td>
					<td class="td-status">
						<a href="javascript:;" s-url="{{action('Admin\PowerController@status',['id'=>$item['id']])}}" class="save_status">
							@if($item['status'] == 1)
								<span class="label label-success radius">已启用</span>
							@else
								<span class="label radius">已停用</span>
							@endif
						</a>
					</td>
					<td><a title="编辑" href="javascript:;" onclick="admin_permission_edit('权限编辑','{{action("Admin\PowerController@edit",['id'=>$item->id])}}','1','','310')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a title="删除" href="javascript:;" d-url="{{action('Admin\PowerController@destroy', ['id'=>$item['id']])}}" onclick="admin_permission_del(this)" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
				</tr>
			@endforeach
		</tbody>
	</table>
	<div id="pull_right">
		{{$list->render()}}
	</div>
</div>
@endsection

@section('jss')
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="{{URL::asset('admins/admin/lib/jquery/1.9.1/jquery.min.js')}}"></script> 
<script type="text/javascript" src="{{URL::asset('admins/admin/lib/layer/2.4/layer.js')}}"></script>
<script type="text/javascript" src="{{URL::asset('admins/admin/static/h-ui/js/H-ui.min.js')}}"></script> 
<script type="text/javascript" src="{{URL::asset('admins/admin/static/h-ui.admin/js/H-ui.admin.js')}}"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{{URL::asset('admins/admin/lib/datatables/1.10.0/jquery.dataTables.min.js')}}"></script> 
<script type="text/javascript">
/*
	参数解释：
	title	标题
	url		请求的url
	id		需要操作的数据id
	w		弹出层宽度（缺省调默认值）
	h		弹出层高度（缺省调默认值）
*/
/*管理员-权限-添加*/
function admin_permission_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*管理员-权限-编辑*/
function admin_permission_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}

/*管理员-权限-删除*/
function admin_permission_del(obj){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type: 'delete',
			url: $(obj).attr("d-url"),
			dataType: 'json',
			headers:{
				'X-CSRF-TOKEN':$('meta[name="_token"]').attr('content')
			},
			success: function(data){
				$(obj).parents("tr").remove();
				layer.msg('已删除!',{icon:1,time:1000});
			},
			error:function(data) {
				console.log(data);
				layer.msg('服务器出错啦!',{icon:5,time:1000});
			},
		});		
	});
}
$(function(){
	$(document).on('click',".save_status",function(){
		var $_this = $(this);
		var url = $_this.attr('s-url');
		if (!url) {
			layer.msg("页面出错了,请刷新", {icon:5,time:1000});
		}
		$.ajax({
			type: 'post',
			url: url,
			dataType: 'json',
			headers:{
				'X-CSRF-TOKEN':$('meta[name="_token"]').attr('content')
			},
			success:function(data){
				if (data.code == 200) {
					var span = $_this.children("span");
					if (span.hasClass('label-success')) {
						span.removeClass('label-success').html("已停用");
					} else {
						span.addClass('label-success').html("已启用");
					}
				} else {
					layer.msg(data.message, {icon:5,time:1000});
				}
			},
			error:function(data){
				console.log(data);
				layer.msg("服务器出错啦!Q", {icon:5,time:1000});
			}
		})
	})
})
</script>
@endsection